<div class="module">
	<div>
		<p>debug 信息:</p>
		<pre data-bind="text:ko.toJSON($root,null,2)"></pre>
	</div>
	<hr />
	<div class="content">
		<div class="exam1">
			<p>示例一：一个锚点，通过js赋固定值</p>
			<span class="anchor anchor1"><span class="logo fa fa-link"></span>anchor1</span>
			<div data-bind="text:'content:'+exam01Str"></div>
			<hr />
		</div>
		<div class="exam2">
			<p>示例二：一个锚点，通过data-qrcode-content赋固定值</p>
			<span class="anchor anchor2" data-bind="attr:{'data-qrcode-content':exam02Str}"><span class="logo fa fa-link"></span>anchor2</span>
			<div data-bind="text:'content:'+exam02Str"></div>
			<hr />
		</div>
		<div class="exam3">
			<p>示例三：一个锚点，二维码内容被其他代码改变</p>
			<div>
				<span>方式1</span>
				<button class="btn btn-default" data-bind="click:function(){$root.exam03Str('123456')}">改变文本为：123456</button>
				<button class="btn btn-default" data-bind="click:function(){$root.exam03Str('what do you do')}">改变文本为："what do you do"</button>
				<button class="btn btn-default" data-bind="click:function(){$root.exam03Str('你好')}">改变文本为："你好"</button>
			</div>
			<div>
				<span>方式2</span>
				<button class="btn btn-default" data-qrcode-content="123456" data-bind="click:changeTextExam03">改变文本为：123456</button>
				<button class="btn btn-default" data-qrcode-content="what do you do" data-bind="click:changeTextExam03">改变文本为："what do you do"</button>
				<button class="btn btn-default" data-qrcode-content="你好" data-bind="click:changeTextExam03">改变文本为："你好"</button>
			</div>
			<span class="anchor anchor3"><span class="logo fa fa-link"></span>anchor3</span>
			<div data-bind="text:'content:'+exam03Str()"></div>
			<hr />
		</div>
		<div class="exam4">
			<p>示例四：多个锚点，通过data-qrcode-content赋固定值</p>
			<span class="anchor anchor4" data-qrcode-content="item1"><span class="logo fa fa-link"></span>anchor4-item1</span>
			<span>content:item1</span>
			<br />
			<span class="anchor anchor4" data-qrcode-content="item2"><span class="logo fa fa-link"></span>anchor4-item2</span>
			<span>content:item2</span>
			<br />
			<span class="anchor anchor4" data-qrcode-content="item3"><span class="logo fa fa-link"></span>anchor4-item3</span>
			<span>content:item3</span>
			<br />
			<hr />
		</div>
	</div>
</div>